<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <!-- 引入axios库 -->
    <script src="./node_modules/axios/dist/axios.js"></script>
    <script>
        /*
        console.log(axios);// axios实例
    // axios post请求
        axios.post("https://apimusic.linweiqin.com/song/url?id=421423808",{
            params:{
                username:"zyx"// 把id以查询串的方式拼接在了url后面
            }
        }).then((res)=>{
                console.log(res);
            }).catch((err)=>console.log(err))// 异常处理
            // 无论成功与否，都会有一个finally函数
            .finally(function(){
                console.log("请求完成");
            })

    // axios get 请求 带参数
        axios.get("https://apimusic.linweiqin.com/song/url?id=421423808",{
            params:{
                id:107// 把id以查询串的方式拼接在了url后面
            }
        }).then((res)=>{
                console.log(res);
            }).catch((err)=>console.log(err))// 异常处理
            // 无论成功与否，都会有一个finally函数
            .finally(function(){
                console.log("请求完成");
            })
        console.log(1);// 1 然后再请求返回结果
    */

    // 如何实现等请求完成后才打印结果？？？ 
        function getLooping(){
            return axios.post("https://apimusic.linweiqin.com/song/url?id=421423808",{
                username:"zyx"// 把id以查询串的方式拼接在了url后面
            });
        };
        function getUrl(){
            return axios.get("https://apimusic.linweiqin.com/song/url?id=421423808",{
                id:107// 把id以查询串的方式拼接在了url后面
            })
        }
        // [Promise1,Promise2,Promise3...]
        // Promise.all([getLooping(),getUrl()]).then(res=>{
        //     console.log(res);
        //     console.log(123);
        // })

        // axios也有Promise.all类型的方法
        axios.all([getLooping(),getUrl()]).then(
            axios.spread(function(res1,res2){// res1接收getLooping()返回的结果；res2接收getUrl()返回的结果
                console.log(res1);
                console.log(res2);
                console.log(111);
            })
        )
        
        



    </script>
</body>
</html>